<template>
  <app-container class="df-col">
    <app-block class="flex-one pos-r">
      <component :is="type" />
      <el-form label />
    </app-block>
  </app-container>
</template>

<script>
import UserInfo from './components/UserInfo'
import UpdatePsw from './components/UpdatePsw'

export default {
  components: { UserInfo, UpdatePsw },
  data () {
    return {
      type: 'userInfo',
      tabList: [
        {
          label: '个人资料',
          value: 'userInfo'
        },
        {
          label: '修改密码',
          value: 'updatePsw'
        }
      ]
    }
  },
  computed: {},
  watch: {},
  created () {},
  methods: {
  }
}
</script>
<style lang="scss">
@import "~styles/variables";
.user-form {
  // width: rem(500px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
</style>
